<<<<<<< HEAD
import React from "react"
import { observer,inject } from "mobx-react"
import "./mv.css"
@inject('mvStore')

@observer
class MvResult extends React.Component{
    constructor(){
        super()
        this.state={
            mvArr:[]
        }
    }
  
    componentDidMount(){
        const {mvStore}=this.props;
        // console.log(searchStore)
        
        mvStore.getmv(this.props.location.state.id);
    }
    clickimg(id){
        this.props.history.push({pathname: '/playmv', state:{id:id}});
    }
    back2(){
        window.history.back()
    }
    render(){
        // console.log(this.props.location.state.id)
        const {mv2}=this.props.mvStore
        // this.mvArr={...mv2}
        // console.log(mv2.data)
        // console.log(Object.keys(mv2))
        // console.log(Object.values(mv2))
        try{
            var desc=mv2.data.desc
            var name=mv2.data.name
            var cover=mv2.data.cover
            var publishTime=mv2.data.publishTime
            var artistName=mv2.data.artistName
            var id=mv2.data.id
            var playCount=mv2.data.playCount
            
            // console.log(id)
        }catch (e){

        }
        return(
            <div>
                <p className="mv-p">
                    <i className="mv-p-i" onClick={this.back2.bind(this)}></i>
                   <span> MV详情</span>
                   <i className="mv-p-i-hao"></i>
                </p>
                <ul className="mvul2">
                    <li className="mv-li1"> <video src={"https://v1.itooi.cn/netease/mvUrl?id="+id+"&quality=720"} autoPlay="autoPlay" className="mvvideo" controls="controls"></video></li>
                    <li className="mv-li2">{name}</li>
                    <li>
                        <span className="mv-li5-span">歌手：{artistName} </span>
                        {/* <i className="mv-li5-i"></i> */}
                        <span className="mv-li6-span">播放：{playCount} &nbsp;次</span>
                    </li>
                    <li className="mv-li3"><i className="mv-li4-i">mv内容简介：</i>{desc}</li>
                    <li>发布时间：{publishTime}</li>
                    
                    
                </ul>
            </div>
            
        )
    }
}
=======
import React from "react"
import { observer,inject } from "mobx-react"
import "./mv.css"
@inject('mvStore')

@observer
class MvResult extends React.Component{
    constructor(){
        super()
        this.state={
            mvArr:[]
        }
    }
  
    componentDidMount(){
        const {mvStore}=this.props;
        // console.log(searchStore)
        
        mvStore.getmv(this.props.location.state.id);
    }
    clickimg(id){
        this.props.history.push({pathname: '/playmv', state:{id:id}});
    }
    back2(){
        window.history.back()
    }
    render(){
        // console.log(this.props.location.state.id)
        const {mv2}=this.props.mvStore
        // this.mvArr={...mv2}
        // console.log(mv2.data)
        // console.log(Object.keys(mv2))
        // console.log(Object.values(mv2))
        try{
            var desc=mv2.data.desc
            var name=mv2.data.name
            var cover=mv2.data.cover
            var publishTime=mv2.data.publishTime
            var artistName=mv2.data.artistName
            var id=mv2.data.id
            var playCount=mv2.data.playCount
            
            // console.log(id)
        }catch (e){

        }
        return(
            <div>
                <p className="mv-p">
                    <i className="mv-p-i" onClick={this.back2.bind(this)}></i>
                   <span> MV详情</span>
                   <i className="mv-p-i-hao"></i>
                </p>
                <ul className="mvul2">
                    <li className="mv-li1"> <video src={"https://v1.itooi.cn/netease/mvUrl?id="+id+"&quality=720"} autoPlay="autoPlay" className="mvvideo" controls="controls"></video></li>
                    <li className="mv-li2">{name}</li>
                    <li>
                        <span className="mv-li5-span">歌手：{artistName} </span>
                        {/* <i className="mv-li5-i"></i> */}
                        <span className="mv-li6-span">播放：{playCount} &nbsp;次</span>
                    </li>
                    <li className="mv-li3"><i className="mv-li4-i">mv内容简介：</i>{desc}</li>
                    <li>发布时间：{publishTime}</li>
                    
                    
                </ul>
            </div>
            
        )
    }
}
>>>>>>> 3ef2a7301991405f246e5687924fdd0e40607de4
export default MvResult